import Vue from 'vue'
import store from './store'
import core from 'gapi/core'
import App from './App'
import cache from 'gapi/cache.js'
import clientUi from 'gapi/clientUi.js'

import * as util from 'js/util.js'
import commonPage from 'clientApi/commonPage.js'

new core('dmsass').start(() => {

	new Vue({
		el: 'body',
		data:{
			map:{},
			allPointArray:[],
			detail:{
		                // "user_name": "李四",
		                // "sign_time": "22:22",
		                // "remark": "浏览器定位问题",
		                // "user_header_imag": "http://sta.doumistatic.com/src/image/logo_doumi.png",
		                // "photo": [
		                //     "http://sta.doumistatic.com/src/image/logo_doumi.png",
		                //     "http://sta.doumistatic.com/src/image/logo_doumi.png",
		                //     "http://sta.doumistatic.com/src/image/logo_doumi.png",
		                //     "http://sta.doumistatic.com/src/image/logo_doumi.png",
		                //     "http://sta.doumistatic.com/src/image/logo_doumi.png",
		                //     "http://sta.doumistatic.com/src/image/logo_doumi.png"
		                // ]
            },
            user_info_sign: {},
            "require_field": [
            		// {
            		//   "id": "5",
            		//   "type": "Location",
            		//   "name": "位置",
            		//   "info": {
            		//     "title": "位置",
            		//     "value": {
            		//       "lat": "",
            		//       "lng": "",
            		//       "addr": "",
            		//       "addr_name": ""
            		//     },
            		//     "tune_distance": 0,
            		//     "tip": "",
            		//     "required": "1"
            		//   },
            		//   "order": ""
            		// },
              //     {
              //             "id": "1",
              //             "type": "SingleText",
              //             "name": "单行文字",
              //             "info": {
              //               "title": "单行文字",
              //               "tip": "",
              //               "value": "",
              //               "required": "1",
              //               "check_guide": {
              //                 "max": "",
              //                 "min": "",
              //                 "checkType": ""
              //               }
              //             },
              //             "order": ""
              //           },
              //           {
              //             "id": "2",
              //             "type": "Imageview",
              //             "name": "图片",
              //             "info": {
              //               "title": "图片",
              //               "tip": "",
              //               "value": {
              //                    "url":[],
              //                    "thumb_url":[]
              //                },
              //               "example_img": {
              //                 "url": [],
              //                 "thumb_url": []
              //               },
              //               "required": "1",
              //               "can_choose_picture": "0",
              //               "check_guide": {
              //                 "max": "",
              //                 "min": ""
              //               }
              //             },
              //             "order": ""
              //           },
              //           {
              //             "id": "3",
              //             "type": "Date",
              //             "name": "日期",
              //             "info": {
              //               "title": "日期",
              //               "tip": "",
              //               "value": "",
              //               "required": 1,
              //               "check_guide": {
              //                 "max": "",
              //                 "min": ""
              //               }
              //             },
              //             "order": ""
              //           },
              //           {
              //             "id": "4",
              //             "type": "Select",
              //             "name": "下拉选项",
              //             "info": {
              //               "title": "下拉选项",
              //               "value": "",
              //               "tip": "",
              //               "required": "1",
              //               "options": []
              //             },
              //             "order": ""
              //           },
                        
              //           {
              //             "id": "6",
              //             "type": "Number",
              //             "name": "数字",
              //             "info": {
              //               "title": "数字",
              //               "value": "",
              //               "tip": "",
              //               "required": 1,
              //               "check_guide": {
              //                 "max": "",
              //                 "min": "",
              //                 "checkType": ""
              //               }
              //             },
              //             "order": ""
              //           },
              //           {
              //             "id": "7",
              //             "type": "TextArea",
              //             "name": "多行文字",
              //             "info": {
              //               "title": "多行文字",
              //               "value": "",
              //               "tip": "",
              //               "required": 1,
              //               "check_guide": {
              //                 "max": "",
              //                 "min": ""
              //               }
              //             },
              //             "order": ""
              //           }
              ],
              "form_data": [
                 // {
                 //     "id": "5",
                 //     "value": {
                 //         "lng": "116.605489",
                 //         "lat": "39.923789",
                 //         "addr": "八维学校北门222",
                 //         "addr_name": "八维"
                 //     }
                 // },
                 // {
                 //     "id": "1",
                 //     "value": 123
                 // },
                 // {
                 //     "id": "3",
                 //     "value": 'riqi'
                 // },
                 // {
                 //     "id": "4",
                 //     "value": 'xiala'
                 // },
                 // {
                 //     "id": "6",
                 //     "value": 'shuzi'
                 // },
                 // {
                 //     "id": "7",
                 //     "value": 'duohang'
                 // },
                 // {
                 //     "id": "2",
                 //     "value": {
                 //         "url":["http://sta.doumistatic.com/src/image/logo_doumi.png"],
                 //         "thumb_url":["http://sta.doumistatic.com/src/image/logo_doumi.png"]
                 //     }
                 // }
             ]
		},
        components: {
            App
        },
		methods:{

			init(){
				cache.getMemoryCache('sign_info_user_foot', (data) => {
					// alert(JSON.stringify(data))
					if(data.sign_time.indexOf(":") < 0){//so 格式为时间戳
						// alert(data.sign_time)
						data.sign_time = util.getLocalTime(data.sign_time*1000, 'HH:mm')
					}
					this.detail = data
					this.user_info_sign.user_id = data.user_id

					this.require_field = data.require_field
					this.form_data = data.form_data
					
					this.require_field.forEach((obj1) => {
						this.form_data.forEach((obj2) => {
							if(obj1.id == obj2.id){
								obj1.info.value = obj2.value
							}
						})
					})
					this.detail.coordinate = this.require_field[0].info.value.lng+','+this.require_field[0].info.value.lat
	                // 百度地图API功能
					this.map = new BMap.Map("map");    // 创建Map实例
					this.map.centerAndZoom(new BMap.Point(116.399957, 39.91095), 15);  // 初始化地图,设置中心点坐标和地图级别

	                this.addPointOnMap(this.detail.coordinate);
                    setTimeout(() => {
                        this.map.setViewport(this.allPointArray);
                    },300)
	                
				})
				cache.getCache('user_info_sign', (data) => {
					this.user_info_sign.team_id = data.team_id
					this.user_info_sign.project_id = data.project_id
				})
                

                
			},

			//在地图上添加相应的点
			addPointOnMap(coordinate){
				// alert(coordinate)
				// let strs = coordinate.split(",");
				// let pt = new BMap.Point(strs[0], strs[1]);
				// let marker = new BMap.Marker(pt)
				// this.map.addOverlay(marker)
				// marker.addEventListener("click",this.mapPointClicked);
				// this.allPointArray.push(new BMap.Point(strs[0], strs[1]));

				let strs = coordinate.split(",");
				let pt = new BMap.Point(strs[0], strs[1]);
				let img = util.KqMapImg.attendImgY;
				let myIcon = new BMap.Icon(img, new BMap.Size(24, 32),{
					imageSize:new BMap.Size(25,31)
				})
				let marker = new BMap.Marker(pt,{icon: myIcon})
				this.map.addOverlay(marker)
				marker.addEventListener("click",this.mapPointClicked);
				this.allPointArray.push(new BMap.Point(strs[0], strs[1]));

				// this.map.setViewport(this.allPointArray);
			},
			bigPicturePreview(index,item){
				clientUi.bigPicturePreview('预览', item.info.value.url, index)
			},
            gotoProjectMemberDetail(){
            	// alert(JSON.stringify(this.user_info_sign))
                let encodeStr = encodeURIComponent(`tid=${this.user_info_sign.team_id}&pid=${this.user_info_sign.project_id}&gid=''&uid=${this.user_info_sign.user_id}`)
                location.href = `dmsaas://ProjectMemberDetail?urdData=${encodeStr}`
            }
		},
		ready(){
            this.init()
            setTimeout(() => {
            	$('#map').height($(document).height()-$('#user_info').height())
            },100)

		}
	})

})